<template> 
  <div class="MydetailMiddle">
    <div class="MydetailMiddle-left">{{ title }}</div>
    <div class="MydetailMiddle-right">
      {{ nickname }}
      {{ version }}
      <van-icon v-if="state == '1'" name="arrow" color="#ccc" />
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref, defineProps } from 'vue'
defineProps({
  title: {
    type: String,
    default: '默认标题'
  },
  state: {
    type: String,
    default: '1'
  },
  nickname: {
    type: String,
  },
  version: {
    type: String,
  }
})
</script>
<style lang="scss" scoped>
.MydetailMiddle {
  width: 100%;
  height: 2rem;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.4rem;
  .MydetailMiddle-left {
    width: 20%;
    display: flex;
    margin-left: 0.2rem;
  }
}
</style>
